<template>
    <h1>事件处理</h1>

    <!-- 内联事件 -->
    <button @click="count ++">内联事件-{{ count }}</button>

    <!-- 方法事件 -->
    <button @click="greet">方法事件</button>
</template>

<script>
export default{
    data(){
        return {
            count:0,
            name:"vue"
        }
    },
    methods:{
        greet(){// `event` 是 DOM 原生事件
            alert(`hello ${this.name}`)
            // 方法中的 `this` 指向当前活跃的组件实例
        }
    }
}
</script>
